import Vue from 'vue';
import Vuex from 'vuex';
import product1 from './modules/product1'
import product2 from './modules/product2'
Vue.use(Vuex);
// const state = {
//     products: [{
//             name: '鼠标',
//             price: 20
//         },
//         {
//             name: '键盘',
//             price: 40
//         },
//         {
//             name: '耳机',
//             price: 60
//         },
//         {
//             name: '显示屏',
//             price: 80
//         }
//     ]
// };
// const getters = {
//     saleProducts: (state) => {
//         let saleProducts = state.products.map(product => {
//             return {
//                 name: product.name,
//                 price: product.price / 2
//             }
//         })
//         return saleProducts; // 注：这里是重新返回了一个对象
//     }
// };
// const mutations = {
//     minusPrice(state, payload) {
//         state.products.forEach(product => {
//             product.price -= payload;
//         })
//     }
// };
// const actions = {
//     minusPriceAsync(context, payload) {
//         setTimeout(() => {
//             context.commit('minusPrice', payload);
//         }, 1000)
//     }
// };
// const store = new Vuex.Store({
//     state,
//     getters,
//     mutations,
//     actions
// })
const store = new Vuex.Store({
    modules: {
        product1,
        product2
    }
})
export default store;